/**
* CSS Document
* Base Tree css
* Date 2015年04月01日 12:00
* Creator TanShenghu
* Email tanshenghu@163.com
*/
@import "public.less";

//body{
//    font:14px/1.5 Microsoft Yahei,"\5FAE\8F6F\96C5\9ED1";
//    min-width:1200px;
//    .bg( #edecea );
//    .fc( #7a7c7b );
//}
.marketListPage i,.marketListPage .open-Bar{
    .bg( url( @public_ico_Pic ) no-repeat );
}

.custom_checkbox{
    //.custom-checkbox( url( @public_ico_Pic ) no-repeat -1px -51px, url( @public_ico_Pic ) no-repeat -1px -33px, 17px, 17px );
    .middle;
    .hand;
    .checkboxbg-box{
        .I-B;
        .W( 17px );
        .H( 17px );
        .overhide;
        .posrel;
        .middle;
    }
    [type="checkbox"]{
        .posabs;
        z-index:10;
        .opacity( 0 );
        .hand;
        left:-10px;
        top:-10px;
        width:100px;
        height:100px;
    }
    i{
        .W( 17px );
        .H( 17px );
        .overhide;
        background-position:-1px -51px;
        .posabs;
        z-index:5
    }
}
.label-checked .custom_checkbox{
    i{
        background-position:-1px -33px;
    }
}

.kuma-dialog-close{
    .fc( white );
}
// @Description: 信用集市 列表页面
.marketListPage{
    *{
        -webkit-box-sizing:content-box;//content-box; unset
        box-sizing:content-box;//content-box;
    }
    a{
        &:hover,&:focus{
            text-decoration:none;
        }
    }
    
    .ui-btn1{
        .ui-btn( #21a7e4 );
        border:1px solid #92adca;
    };
    
    .fontYH;
    .bg( white );
    .fc( #7a7c7b );
    .posrel;
    width:900px;
    height:500px;
    // 错误提示
    .errTip{
        .pl( 20px );
        .undis;
        .conText{
            .middle;
            .pl( 3px );
        }
    }
    .errTip.Msg-0{
        .fc( red );
        .errIco{
            background-position:-1px -70px;
            width:17px;
            height:17px;
        }
    }
    // 顶部 导航菜单
    .top-nav{
        height:38px;
        line-height:38px;
        border-top:1px solid #98c7e5;
        border-bottom:1px solid #73a6d5;
        .bg( url(images/topBar_bg.png) repeat-x left top #27b6a4 );
        .pl( 15px );
        .Ptitle{
            .fc( white );
            font-weight:bold;
            .fz( 18px );
        }
        ul{
            height:38px;
            li{
                .fl;
                max-width:100px;
                a{
                    .pr( 10px );
                    .pl( 10px );
                    .lh( 38px );
                    .dis;
                    .text_center;
                    .fc( white );
                    .fz( 16px );
                    &:hover{
                        .bg( #3eaede );
                    }
                }
                &.current a{
                    .bg( #3eaede );
                }
            }
        }
    }
    // 左侧 导航
    .Laside{
        .posabs;
        left:0;
        top:86px;
        width:240px;
        height:414px;
        overflow-y:auto;
        border-right:1px solid #ccc;
        a:hover{
            .fc( #20b1a0 );
        }
        // ul{
        //     .bg( #575956 );
        //     li{
        //         .posrel;
        //         z-index:10;
        //         height:39px;
        //         border-bottom:1px solid #555;
        //         >a{
        //             .fc( white );
        //             .dis;
        //             .pl( 20px );
        //             .pr( 10px );
        //             .lh( 39px );
        //             &:hover{
        //                 .bg( #3c3d38 );
        //             }
        //         }
        //         i{
        //             .posabs;
        //             left:155px;
        //             top:15px;
        //             width:6px;
        //             height:10px;
        //             background-position:-1px -22px;
        //         }
        //         .child-popBox{
        //             .posabs;
        //             .undis;
        //             .pt( 10px );
        //             width:610px;
        //             left:170px;
        //             top:0;
        //             .bg( #f4f4f4 );
        //             .shadow( box, 3px 3px 7px #dedede );
                    
        //             .list-items{
        //                 .mb( 10px );
        //                 .ml( 10px );
        //                 .mr( 10px );
        //                 width:280px;
        //                 max-height:110px;
        //                 .fl;
        //                 border-bottom:1px solid #c0bebf;
        //                 dl{
        //                     a{
        //                         .fc( #979a9f );
        //                         &:hover{
        //                             .fc( #55a8dc );
        //                         }
        //                     }
        //                 }
        //                 dt{
        //                     .fc( #7a7b7d );
        //                     .fz( 16px );
        //                     .pl( 5px );
        //                     width:230px;
        //                     .fl;
        //                 }
        //                 dd{
        //                     .fc( #979a9f );
        //                     .fl;
        //                     .padding( 2px 7px );
        //                 }
        //             }
        //         }
        //         &.current{
        //             >a{
        //                 .bg( #3c3d38 );
        //             }
        //             .child-popBox{
        //                 .dis;
        //             }
        //         }
        //     }
        // }
        
    }
    // 头部 搜索
    .stopBox{
        .H( 37px );
        .pt( 8px );
        .bg( #efefed );
        .pl( 70px );
        border-bottom:1px solid #ccc;
        
        .fieldName{
            .fz( 15px );
            font-weight:bold;
            .fc( #666 );
            .middle;
            .mr( 10px );
        }
        .search-Box{
            .posrel;
            .B-I;
            .middle;
            width:380px;
            height:30px;
            .radius( 30px );
            .bg( white );
            .ml( auto );
            .mr( 0 );
            .pr( 32px );
            
            input{
                .bg( white );
                .lh( 30px );
                .pl( 15px );
                width:100%;
                .radius( 30px 0 0 30px );
                .border( none );
                .border-box;
                &:focus{
                    .shadow( box, none );
                }
            }
            i{
                .posabs;
                top:5px;
                right:7px;
                width:20px;
                height:20px;
                .hand;
                background-position:0 -1px;
            }
        }
    }
    // 右侧内容区域
    .Pop-content{
        .posrel;
        .ml( 240px );
        .padding( 20px 30px 20px 20px );
        .wz-box{
            height:38px;
            border-bottom:1px solid #ccc;
            .mb( 15px );
            .pr( 21px );
            a{
                .fc( #666 );
            }
            .current{
                .fc( #30a2de );
            }
            .custom_checkbox{
                
                .fr;
                width:118px;
                .pl( 5px );
                .border( 1px solid #3e3e3e );// dotted
                .radius( 22px );
                .H( 22px );
                line-height:18px;
                span{
                    .middle;
                }
                .checkboxbg-box{
                    .mr( 3px );
                }
            }
            .label-checked{
                .bg( #21a7e4 );
                .border( 1px solid #21a7e4 );
                .fc( white );
                i{
                    background-position:-1px -33px;
                }
            }
        }
        .list-Box{
            
            .bg( white );
            max-height:340px;
            min-height:70px;
            overflow-y:auto;
            ul{
                li{
                    .fl;
                    width:170px;
                    .pl( 5px );
                    .border( 1px solid #3e3e3e );// dotted
                    .radius( 22px );
                    .H( 22px );
                    line-height:18px;
                    .mr( 20px );
                    .mb( 10px );
                }
                .txt{
                    .ellipsis;
                    .I-B;
                    .ml( 3px );
                    .middle;
                    width:145px;
                    .fc( #666 );
                }
                .label-checked{
                    .bg( #21a7e4 );
                    .border( 1px solid #21a7e4 );
                    .txt{
                        .fc( white );
                    }
                    
                }
            }
            
        }
        .list-loading{
            .bg( url(images/no_click.gif) no-repeat center center white );
        }
        .checkTagList{
            .posabs;
            right:0;
            top:-45px;
            z-index:200;
            width:auto;
            .bg( white );
            .shadow( box, -7px 0 10px #dedede );
            height:460px;
            
            .hideBox{
                .overhide;
                width:0;
            }
            
            h3{
                .bg( #21a7e4 );
                .lh( 43px );
                border-top:1px solid #52ccbf;
                border-bottom:1px solid #4e9f99;
                .fz( 16px );
                font-weight:bold;
                .fc( white );
                .text_center;
            }
            .open-Bar{
                .posabs;
                left:-25px;
                top:50%;
                .hand;
                .overhide;
                .mt( -48px );
                height:96px;
                width:25px;
                background-position:-27px -1px;
                //i{
                //    .posabs;
                //    left:0;
                //    top:50%;
                //    .mt( -5px );
                //    width:7px;
                //    height:10px;
                //    .overhide;
                //}
                
            }
            .side-in i{
                background-position:-16px -23px;
            }
            .side-out{
                //left:-25px;
                i{
                    background-position:-8px -23px;
                }
            }
            ul{
                overflow-y:scroll;
                .pl( 20px );
                .pt( 10px );
                height:335px;
                li{
                    .mr( 15px );
                    .mb( 5px );
                    .pl( 5px );
                    .border( 1px solid #21a7e4 );
                    .radius( 22px );
                    height:22px;
                    .J-del{
                        width:17px;
                        height:17px;
                        background-position:-1px -87px;
                        .mr( 3px );
                        .hand;
                    }
                    .txt{
                        .middle;
                        .ellipsis;
                        .hand;
                        .I-B;
                        .fc( #666 );
                        max-width:155px;
                    }
                    
                }
                
            }
            .handle-Box{
                .mt( 10px );
                .pb( 0 );
            }
        }
    }
}